<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="一大,ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçºªå¿µé¦†" />
<title>ä¸å…±ä¸€å¤§çºªå¿µé¦†</title>
<link rel="stylesheet" type="text/css" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/static/plugins/swiper/5/swiper.css"/>
<link type="text/css" rel="stylesheet" href="/static/css/layout.css"/>
<!--[if lte IE 9]>
<script src="/js/respond.min.js"></script>
<script src="/js/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/static/js/basic.js"></script>
<script type="text/javascript" src="/static/plugins/swiper/5/swiper.js"></script>
<script type="text/javascript" src="/static/js/classie.js"></script>
<link rel="stylesheet" type="text/css" href="/static/plugins/pagination/pagination.css" />
<script type="text/javascript" src="/static/plugins/pagination/pagination.js"></script>
<style>
:root{
--fm-destination-nth-1-y: -2.5vw;
--fm-destination-nth-2-y: -5vw;
}
</style>
<link rel="stylesheet" type="text/css" href="/static/css/fontello-index/css/fontello.css?1" />
<script type="text/javascript" src="/static/plugins/float-module/js/float-module.min.js"></script>
<script type="text/javascript" src="/static/plugins/nicescroll/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.webticker.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.movePort.js"></script>
<style>
html, body {
overflow: hidden;
}
.pager{
height: 100%;
}
.swiper-wrapper{
transition-timing-function: ease-out ;
}
.swiper-slide{
flex-direction: column;
background-size: cover;
background-position: center;
}
.container{
padding: 0.68rem 2.5vw 0 2.5vw;
box-sizing: border-box;
height: 100%;
z-index: 20;
}
.page{
padding: 2.5vw;
box-sizing: border-box;
display: none;
flex-direction: column;
height: 100%;
}
.container.has-nav .page{
padding: 2.5vw 2.5vw 2.5vw 7.5vw
}
.no-padding-bottom{
padding-bottom: 0;
}
.page-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
animation: zoom 20s linear 0s infinite;
-webkit-animation: zoom 20s linear 0s infinite;
-moz-animation: zoom 20s linear 0s infinite;
}
@-webkit-keyframes zoom{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes zoom{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
@keyframes zoom{
0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.swiper-slide-next .page-bg{
z-index: 5
}
.page-hd{
font-family:"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;;
text-align: center;
font-size: 0.6rem;
font-weight: bold;
color: #fff;
letter-spacing: 10px;
/* margin-bottom: 2.5vw; */
margin-left: -2.5vw;
}
.page-hd.underline{
position: relative;
}
.page-hd.underline:after{
}
.page-bd{
flex:1;
box-sizing: border-box;
}
.side-nav{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10vw;
display: flex;
flex-direction: column;
padding-top: 0.48rem;
align-items: center;
justify-content: center;
box-sizing: border-box;
z-index: 30;
}
.side-nav-item{
color: #fff;
background-color: rgba(255,255,255,0.2);
width: 5vw;
height: 4vh;
line-height: 4vh;
text-align: center;
position: relative;
margin-bottom: 2vw;
cursor: pointer;
font-family: 'St';
}
.side-nav-item:first-child{
margin-top: 2vw;
}
.side-nav-item-2{
display: flex;
flex-direction: column;
height: 8vh;
line-height: 3vh;
justify-content: center;
background-color: rgba(255,255,255,0.2);
}
.side-nav-item-blank{
color: #fff;
background-color: rgba(255,255,255,0.2);
width: 5vw;
height: 4vh;
line-height: 4vh;
text-align: center;
position: relative;
flex:1;
margin-bottom:0;
background-color: rgba(255,255,255,0.2);
}
.panel{
height: 100%;
}
.panel-bd{
display: flex;
height: 100%;
align-items:center;
}
.card{
padding: 2.5vw;
box-sizing: border-box;
margin-right: 2.5vw;
flex: 1;
background-color: rgb(224 224 224 / 35%);
color: #fff;
box-shadow: 0 0 20px 4px #00000057;
color:#e4e4e4;
cursor: pointer;
}
.card:hover{
color:#fff;
background-color: #b75a46;
}
.card .card-img{
width: 100%;
box-sizing: border-box;
vertical-align: middle;
margin-bottom: 2.5vw;
}
.card-hd-img{
}
.card .card-info{
width:100%;
box-sizing:border-box;
line-height: 1.5;
}
.card .card-info h1{
text-align: justify;
margin-bottom: 1vh;
font-size: 0.18rem;
}
.card .card-info p{
color:#dddddd;
}
.card h1{
color:#fff;
}
.panel-ft{
}
.panel-ft .btn{
}
.float-nav-wrap{
position: absolute;
bottom: 2.5vw;
z-index: 30;
left: 0;
}
.float-nav{
position: relative;
width:100%;
height: 100%;
}
.float-nav-item{
position:absolute;
width: 3vw;
height: 3vw;
margin-right: 2.5vw;
background-color: #b75a46;
box-shadow: 0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28);
}
.js-collection .panel{
display: none;
}
.js-collection .panel:first-child{
display: block;
}
.js-about .side-nav-item{
background-color: rgba(0,0,0,0.2);
}
.js-about .side-nav-item-blank{
background-color: rgba(0,0,0,0.2);
}
.js-about .page{
padding:2.5vw 2.5vw 2.5vw 10vw;
}
.side-nav-item:hover,.side-nav-item.active{
background-color: #b75a46;
}
.panel-ft{
height: 2.5vw;
text-align: center;
margin-left: -2.5vw;
}
.panel-btn-more{
color: #fff;
display: inline-block;
line-height: 2.5vw;
height: 2.5vw;
padding: 0 2vw;
border-bottom: none;
border-radius: 1px;
box-shadow: 0 20px 20px 4px #00000057;
font-size: 0.14rem;
background-image: linear-gradient(180deg,transparent 0,rgba(224,224,224,.35) 100%);
cursor: pointer;
font-size: 0.14rem;
letter-spacing: 2px;
}
.panel-btn-more:hover {
background-image: linear-gradient(180deg,transparent 0,rgba(183,90,70,.85) 100%);
}
/* .js-exhibition .page{ */
/* padding:2.5vw 2.5vw 0 7.5vw; */
/* } */
.js-exhibition .page-bd{
display: flex;
align-items: center;
}
.exhibit-panel-main{
flex: 2;
background-color: rgb(199 179 153 / 80%);
margin-right: 5vw;
display: flex;
padding-top: 2.5vw;
box-sizing: border-box;
padding-bottom: 5vw;
box-shadow: 6px 6px 15px 0px #0000004f;
border-radius: 2px;
color: #f1f1f1;
}
.exhibit-panel-main .exhibit-panel-intro{
flex: 0.6;
border-radius: 2px;
}
.exhibit-panel-main .exhibit-panel-intro p{
line-height: 1.8;
padding: 2.5vw;
box-sizing: border-box;
background-color: #b75a46;
box-shadow: 3px 6px 6px 0px #00000040;
text-align: justify;
font-family: 'St';
}
/* .exhibit-panel-main:hover .exhibit-panel-intro p{ */
/* box-shadow: 3px 6px 6px 0px #000000; */
/* } */
.exhibit-panel-main .exhibit-panel-title{
flex: 0.4;
}
.exhibit-panel-main .exhibit-panel-main-title{
padding: 0 1.25vw;
font-family: 微软雅黑;
color: #d9b57c;
text-shadow: 1px 3px 2px #1313139e;
width: 100%;
box-sizing: border-box;
}
/* .exhibit-panel-main:hover .exhibit-panel-main-title{ */
/* text-shadow: 1px 3px 2px #131313; */
/* } */
.exhibit-panel-main .exhibit-panel-main-title h3{
font-size: 0.28rem;
padding-bottom: 3vh;
margin-bottom: 1vh;
letter-spacing: 5px;
position: relative;
}
.exhibit-panel-main .exhibit-panel-main-title h3:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #d9b57c;
border-radius: 1px;
box-shadow: 0px 1px 2px 0px #2f2f2f;
}
/* .exhibit-panel-main:hover .exhibit-panel-main-title h3:after{ */
/* box-shadow:0px 1px 2px 0px #000; */
/* } */
.exhibit-panel-main .exhibit-panel-main-title h1{
font-size: 0.38rem;
padding-bottom: 1vh;
text-align-last: justify;
}
.exhibit-panel-sub {
flex: 1;
height: 80%;
background-color: rgb(199 179 153 / 80%);
display: flex;
padding-top: 2.5vw;
box-sizing: border-box;
box-shadow: 6px 6px 15px 0px #00000000;
border-radius: 2px;
color: #f1f1f1;
margin-right: 5vw;
}
.exhibit-panel-sub:last-child {
margin-right: 0;
}
.exhibit-panel-sub .exhibit-panel-intro{
flex: 1;
border-radius: 2px;
background-color: #4a545b;
margin-left: -2.5vw;
height: 100%;
padding: 2.5vw;
box-sizing: border-box;
box-shadow: 3px 6px 6px 0px #00000040;
}
.exhibit-panel-sub:hover .exhibit-panel-intro{
background-color: #b75a46;
}
.exhibit-panel-sub .exhibit-panel-intro-title{
font-family: microsoft yahei;
padding: 2vh 0;
border: 2px solid #f1f1f1;
border-left: none;
border-right: none;
margin-bottom: 2vh;
color: #d4d4d4;
}
.exhibit-panel-sub .exhibit-panel-intro h1{
font-size: 0.18rem;
margin-bottom: 0.5vh;
font-family: 'St';
color: #f3f3f3;
}
.exhibit-panel-sub .exhibit-panel-intro h1:last-child{
margin-bottom: 0;
}
.exhibit-panel-sub .exhibit-panel-intro p{
text-align: justify;
line-height: 1.8;
font-size: 0.14rem;
font-family: 'St';
}
.exhibit-panel-sub .exhibit-panel-title{
width: 2.5vw;
display: flex;
justify-content: center;
}
.exhibit-panel-sub .exhibit-panel-main-title h3{
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-family: 微软雅黑;
color: #d9b57c;
text-shadow: 1px 3px 2px #1313139e;
width: 100%;
box-sizing: border-box;
letter-spacing: 5px;
font-size: 0.24rem;
}
.js-exhibition{
background-color: #000;
}
.js-exhibition .page-bg{
opacity:0.6;
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-main-title h3{
font-size: 0.24rem;
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-main-title h1{
font-size: 0.3rem
}
.js-exhibit-5 .exhibit-panel-main .exhibit-panel-intro p{
padding: 1.5vw;
font-size: 0.14rem;
}
.js-exhibit-5 .exhibit-panel-sub{
/* height: 40%; */
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro{
padding: 1.5vw;
display: flex;
flex-direction: column;
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro h1{
font-size: 0.17rem;
}
.js-exhibit-5 .exhibit-panel-sub .exhibit-panel-intro p{
font-size: 0.12rem;
flex:1;
overflow: hidden;
overflow-y:auto;
}
.js-intro .page{
display: flex;
flex-direction: column;
justify-content: space-evenly;
color: #fff;
}
.js-intro .page-bd{
flex: 0.7;
display: flex;
flex-direction: column;
color: #fff;
justify-content: center;
align-items: center;
}
.js-intro .page-ft{
display: flex;
justify-content: center;
align-items: center;
}
.js-intro .page-logo{
width: 3rem;
margin-bottom: 4vh;
}
.js-intro .page h1{
font-size: 0.5rem;
margin-bottom: 2vh;
font-weight: 500;
text-align: center;
letter-spacing: 5px;
}
.js-intro .page h3{
font-size: 0.3rem;
margin-bottom: 1vw;
text-align: center;
font-weight:500;
}
.js-zhou .page{
text-align: center;
line-height: 2;
color:#fff;
margin-top:-0.4rem;
justify-content: center;
}
.js-zhou .page h1{
font-family: 'St';
font-size: 0.5rem;
margin-bottom: 0.2rem;
}
.js-zhou .page p{
font-size: 0.2rem;
width: 55vw;
margin-left: auto;
margin-right: auto;
padding: 2vw;
cursor: pointer;
}
.js-zhou .zhou-intro:hover p{
background-color: rgba(183,90,70,0.6);
}
.js-nav-piece .container{
padding: 0.68rem 0 0;
}
.nav-piece{
display: flex;
flex-direction: row;
padding: 0.1rem 0.1rem;
margin: 0;
background-image: url(/static/images/bg-repeat-1.png);
background-size: 0.5rem;
}
.nav-piece-column{
flex: 1;
margin-right: 0.1rem;
}
.nav-piece-column:last-child{
margin-right: 0;
}
.nav-piece-notice{
height: calc((100vh - 0.68rem - 0.3rem)/2);
padding: 0.2rem;
box-sizing: border-box;
background-color: rgb(140 111 69 / 80%);
display: flex;
flex-direction: column;
}
.nav-piece-notice:hover{
background-color: rgb(140 111 69 / 90%);
}
.nav-piece-service{
overflow: hidden;
position: relative;
height: calc((100vh - 0.68rem - 0.3rem)/2);
display: block;
}
.nav-piece-service img{
width:100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 200ms;
}
.nav-piece-service:hover img{
transform: scale(1.1);
}
.nav-piece-collection{
background-color: #ddb97f;
overflow: hidden;
position: relative;
height: calc((100vh - 0.68rem - 0.3rem)/3*2);
display: block;
}
.nav-piece-collection img{
width:100%;
height: 100%;
margin: 0 auto;
display: block;
transition: transform 200ms;
object-fit: contain;
}
.nav-piece-collection:hover img{
transform: scale(1.1);
}
.nav-piece-education{
height: calc((100vh - 0.68rem - 0.3rem)/3);
background-color: rgb(134 19 38 / 80%);
padding: 0.2rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.nav-piece-education:hover{
background-color: rgb(134 19 38 / 90%);
}
.nav-piece-creative{
height: calc((100vh - 0.68rem - 0.4rem)/3);
overflow: hidden;
position: relative;
display: block;
}
.nav-piece-creative img{
width:100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 200ms;
}
.nav-piece-creative:hover img{
transform: scale(1.1);
}
.nav-piece-study{
height: calc((100vh - 0.68rem - 0.4rem)/3);
background-color: rgb(1 43 101 / 80%);
padding: 0.2rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.nav-piece-study:hover{
background-color: rgb(1 43 101 / 90%);
}
.nav-piece-about{
height: calc((100vh - 0.68rem - 0.4rem)/3);
transition: transform 200ms;
overflow: hidden;
position: relative;
display: block;
}
.nav-piece-about img{
width:100%;
height: 100%;
object-fit: fill;
display: block;
transition: transform 200ms;
}
.nav-piece-about:hover img{
transform: scale(1.1);
}
.nav-piece-split{
height:0.1rem;
}
.js-nav-piece ul{
color: #fff;
}
.js-nav-piece li{
list-style-type: disc;
padding: 0.12rem 0;
}
.js-nice-scroll{
flex:1;
}
.nav-piece-title{
position: absolute;
bottom: 0.2rem;
right: 0.2rem;
color: #fff;
font-size: 0.24rem;
letter-spacing: 5px;
text-shadow: 2px 3px 4px black;
}
.nav-piece-notice .nav-piece-title,.nav-piece-education .nav-piece-title,.nav-piece-study .nav-piece-title{
position: relative;
bottom: 0;
right: 0;
text-align: right;
padding-top: 0.2rem;
}
.js-temporary-exhibition-info{
position: absolute;
bottom: 0;
color: #fff;
width: 70vw;
height: 36vh;
z-index: 20;
left: 15vw;
padding: 0.6rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
background-image: url(/static/images/index-temporary-exhibition-bg.png);
box-shadow: 0 5px 20px 0px #383838;
}
.js-temporary-exhibition-info-title{
font-size: 0.26rem;
text-align: center;
}
.js-temporary-exhibition-info-time{
padding: 0.22rem 0 0.18rem;
box-sizing: border-box;
text-align: center;
font-size: 0.18rem;
color: white
}
.js-temporary-exhibition-info-time span{
padding:0 0.1rem;
}
.js-temporary-exhibition-info-intro{
flex: 1;
overflow: hidden;
line-height: 2;
overflow-y: auto;
text-align: justify;
padding-right: 0.22rem;
}
.bg-video{
position: absolute;
left:0;
top:0;
width:100vw;
height:100vh;
z-index:1;
}
.bg-video .bg-video-content{
position: absolute;
left:0;
top:0;
width: 100%;
height:100%;
overflow: hidden;
z-index: 1;
}
.bg-video-overlay{
position: absolute;
left:0;
top:0;
width: 100%;
height:100%;
z-index: 2;
background-color: rgba(0,0,0,0.4);
}
.container-zhou {
margin-left:auto;
margin-right:auto;
}
@media (min-width: 768px){
.container-zhou {
width: 750px;
}
}
@media (min-width: 992px){
.container-zhou {
width: 970px;
}
}
@media (min-width: 1200px){
.container-zhou {
width: 1170px;
}
}
.container-zhou p{
margin-bottom: 10px;
}
#qrcode{
display: none;
}
#qrcodewrap:hover #qrcode{
display: block;
}
.panel-notice{
position: fixed;
width: 60vw;
background-color: rgba(0, 0, 0, 0.5);
color: white;
z-index: 100;
align-items: center;
justify-content: center;
left: 20vw;
top: 50%;
opacity: 0;
}
.panel-notice .notice{
width: 60vw;
line-height: 1.8;
font-size: 0.22rem;
text-align: left;
position: relative;
padding: 0.4rem;
box-sizing: border-box;
}
.panel-notice-close{
position: absolute;
right: 0;
top: 0;
width: 0.5rem;
height: 0.5rem;
font-size: 0.4rem;
color: white;
cursor: pointer;
text-align: center;
z-index: 100;
}
.panel-notice .notice .notice-call{
margin-bottom: 0.44rem;
}
.panel-notice .notice .notice-content{
text-indent: 0.44rem;
max-height: calc(100vh - 5.2rem);
overflow: hidden;
overflow-y: auto;
position: relative;
box-sizing: border-box;
line-height: 2;
}
.panel-notice .notice .notice-ins{
margin-top:0.44rem;
text-align: right;
}
.sitemap{
display: flex;
height: calc(100% - 100px);
z-index: 300;
position: relative;
padding: 0 10%;
background-color: rgb(0 0 0 / 20%);
box-sizing: border-box;
flex-direction: column;
align-items: center;
}
.sitemap-logo{
height: 40vh;
}
.sitemap-logo img{
height: 100%;
}
.sitemap-items{
display: flex;
width: 100%;
}
.sitemap-item{
flex: 1;
text-align: center;
margin-right: 0.2rem;
}
.sitemap-item a{
display: block;
height: 0.5rem;
line-height: 0.5rem;
background-color: rgba(255,255,255,0.2);
margin-bottom: 0.1rem;
text-shadow: 0 0 12px #000000;
}
.sitemap-item a:hover{
background-color: rgba(255,255,255,0.4);
}
.sitemap-item a.sitemap-item-title{
font-size: 0.22rem;
background-color: #c9151e;
height: 0.6rem;
line-height: 0.6rem;
margin-bottom: 0.1rem;
text-shadow: none;
}
.notice .hide{
display: none;
}
.move-port{
position: fixed;
min-height: 150px;
left: 0;
top:0;
cursor: pointer;
color:#fff;
z-index: 10000;
width:20vw;
border-radius: 4px;
overflow: hidden;
}
.move-port .move-port-header{
height: 0.4rem;
line-height: 0.4rem;
background-color: rgba(199, 179, 153, 0.8);
text-align: center;
font-size: 0.2rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
letter-spacing: 1px;
}
.move-port-close{
color: rgb(109 8 8);
position: absolute;
top:0;
right: 0;
height:0.4rem;
line-height: 0.4rem;
display: none;
padding: 0 0.08rem;
}
.move-port-close:hover{
font-weight: 600;
}
.move-port .move-port-body{
font-size: 0.18rem;
text-align: justify;
line-height: 1.8;
padding: 0.2rem 0.3rem;
background: rgba(109, 8, 8, 0.8);
}
.move-port .move-port-body div{
margin-bottom:0.1rem;
}
.move-port .move-port-body div:last-child{
margin-bottom:0;
}
</style>
<script type="text/javascript">
$(function(){
var mySwiper=new Swiper('.swiper-container',{
direction : 'vertical',
touchRatio: 0.2,
mousewheel: true,
speed:800,
on:{
init: function(swiper){
$('.page').hide();
$('.swiper-slide-active').find('.page').eq(0).css('display','block');
$('.panel-notice').css('margin-top',0-$('.panel-notice').height()/2)
$('.panel-notice').animate({'opacity':'1'});
$('.panel-notice-close').click(function(){
$('.panel-notice').fadeOut();
});
},
slideChangeTransitionEnd:function(swiper){
if(this.activeIndex==8){
$('.header').fadeOut(function(){
$('.sitemap').children().fadeIn();
});
}else{
$('.header').fadeIn();
$('.sitemap').children().fadeOut();
}
$('.page').hide();
$('.swiper-slide-active').find('.page').eq(0).css('display','block');
$('.swiper-slide-active').find('.page-info').eq(0).css('display','block');
}
}
});
document.getElementById("smallvideo").onended=function(){
mySwiper.slideNext();
document.getElementById("smallvideo").loop='loop';
document.getElementById("smallvideo").play();
};
// $('.js-activity').click(function(){
// var $this = $(this);
// $this.find('.show').hide();
// $this.find('.hide').show();
// $('.panel-notice').css('margin-top',0-$('.panel-notice').height()/2)
// $('.panel-notice').animate({'opacity':'1'});
// });
});
function resizeVideo(){
var h=$(window).height();
var w=$(window).width();
if((w/h)>(16/9)){
$('#smallvideo').css({
width: '100%',
height: 'auto'
});
}else{
$('#smallvideo').css({
width: 'auto',
height: '100%'
});
}
}
$(function(){
resizeVideo();
// $('html').niceScroll();
$(window).resize(function(){
resizeVideo();
});
$('.exhibition-info').click(function(){
$(this).addClass('expand').animate({ 'height': '100vh' }, { queue: false, duration: 500 });
});
$('.exhibition-info-close').click(function(event){
$(this).parent().first().animate({ 'height': '22vh' }, { queue: false, duration: 500 });
$(this).parent().first().removeClass('expand');
event.stopPropagation();
});
//var $moveT = $('.header').height();
//var $moveH = $(window).height()-$moveT;
//setTimeout(() => {
// move_obj(".move-port","","",1,1,0,$moveT,10);
// $('.move-port.only-pc').fadeIn();
//}, 1000);
})
</script>
</head>
<body>
<link type="text/css" rel="stylesheet" href="/static/css/mobile-fit.css"/>
<script>
$(function(){
var actived = $(".nav li.active");
var sto_nav;
//导航
$(".nav li").hover(function(){
var $this = $(this);
clearTimeout(sto_nav);
$(".nav li").not(actived).removeClass("active");
$(".nav-child-wrap .nav-child").removeClass("now");
var childs = $('.nav-child.'+$this.attr('data-child')).eq(0);
$this.addClass("active");
$(".nav-child-wrap .nav-child").stop(true,true);
childs.addClass("now");
var child = childs.find('.nav-chlid-item').eq(0);
child.css({marginLeft:($this.offset().left+($this.outerWidth()/2))-(child.outerWidth()/2)});
},
function(){
sto_nav=setTimeout(function(){
$(".nav li").not(actived).removeClass("active");
$(".nav-child-wrap .nav-child").removeClass("now");
},200);
});
$(".nav-child-wrap .nav-child").hover(
function(){
clearTimeout(sto_nav);
$(this).addClass("now");
},
function(){
$(this).removeClass("now");
$(".nav li").not(actived).removeClass("active");
}
);
});
function showMenu(obj){
if (!$(obj).hasClass('open')) {
openMenu();
} else {
closeMenu();
}
}
function openMenu() {
$('#menu').addClass('animate');
$('div.burger').addClass('open');
$('div.x, div.z').addClass('collapses');
setTimeout(function() {
$('div.y').css('opacity',0);
$('div.x').addClass('rotate30');
$('div.z').addClass('rotate150');
}, 70);
setTimeout(function() {
$('div.x').addClass('rotate45');
$('div.z').addClass('rotate135');
}, 120);
}
function closeMenu() {
$('#menu').removeClass('animate');
setTimeout(function() {
$('div.burger').removeClass('open');
$('div.x').removeClass('rotate45').addClass('rotate30');
$('div.z').removeClass('rotate135').addClass('rotate150');
setTimeout(function() {
$('div.x').removeClass('rotate30');
$('div.z').removeClass('rotate150');
}, 50);
setTimeout(function() {
$('div.y').css('opacity',1);
$('div.x, div.z').removeClass('collapses');
}, 70);
}, 100);
}
</script>
<div class="header">
<div class="header-logo">
<a href="/index.html">
<img class="only-pc" alt="" src="/static/images/logo-white.png">
<img class="only-sp" alt="" src="/static/images/logo-white-v.png">
</a>
</div>
<div id="menu" class="nav">
<ul>
<li class="" data-child="js-nav-index">
<a class="nav-father" href="/index.html">首页</a>
</li>
<li class="" data-child="js-nav-about">
<a class="nav-father" href="/about/history.html">关于本馆</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-about">
<div class="nav-chlid-item">
<a class="" href="/about/history.html">历å²æ²¿é©</a>
<a class="" href="/about/organization.html#organization">组织机构</a>
<a class="" href="/about/news.html">一大动æ€</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-exhibition">
<a class="nav-father" href="/exhibition/basic.html">展览陈列</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-exhibition">
<div class="nav-chlid-item">
<a class="" href="/exhibition/basic.html">基本陈列</a>
<a class="" href="/exhibition/special.html">专题展览</a>
<a href="https://360.zgyd1921.com" target="_blank">æ•°å—纪念馆</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-collection">
<a class="nav-father" href="/collection/highlights.html">馆è—文物</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-collection">
<div class="nav-chlid-item">
<a class="" href="/collection/highlights.html">馆è—ç²¾å“</a>
<a class="" href="/collection/research.html">æ–‡ç‰©ç ”ç©¶</a>
<a class="" href="/collection/notice.html">å¾é›†å…¬å‘Š</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-service">
<a class="nav-father" href="/service/visit.html">公共æœåŠ¡</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-service">
<div class="nav-chlid-item">
<a class="" href="/service/visit.html#notice">å‚观须知</a>
<a class="" href="/service/guide.html#explain">讲解æœåŠ¡</a>
<a class="" href="/service/volunteer.html">志愿者æœåŠ¡</a>
<a class="" href="/service/creative.html">红色文创</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-education">
<a class="nav-father" href="/education/social.html">å®£ä¼ æ•™è‚²</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-education">
<div class="nav-chlid-item">
<a class="" href="/education/social.html">社会教育</a>
<a class="" href="/education/teenager.html">é’少年教育</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-research">
<a class="nav-father" href="/research/trends.html">ç ”ç©¶å›åœ°</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-research">
<div class="nav-chlid-item">
<a class="" href="/research/trends.html">å¦æœ¯åŠ¨æ€</a>
<a class="" href="/research/publication.html">出版刊物</a>
<a class="" href="/research/works.html">ç ”ç©¶æˆæžœ</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-zhou">
<a class="nav-father" href="/zhou/evolution.html">周公馆</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-zhou">
<div class="nav-chlid-item">
<a class="" href="/zhou/evolution.html">历å²æ²¿é©</a>
<a class="" href="/zhou/exhibitions.html">展览陈列</a>
<a class="" href="/zhou/collections.html">è—å“介ç»</a>
<a class="" href="/zhou/propaganda.html">教育活动</a>
<a class="" href="/zhou/research.html">周æ©æ¥ç ”究</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-information">
<a class="nav-father" href="/information/zgyd.html">一.二.四大</a>
<div class="nav-child-wrap">
<div class="nav-child js-nav-information">
<div class="nav-chlid-item">
<a class="" href="/information/zgyd.html">最新讯æ¯</a>
<a class="" href="/information/zged.html">走进二大</a>
<a class="" href="/information/zgsd.html">走进四大</a>
</div>
</div>
</div>
</li>
<li class="" data-child="js-nav-favorites">
</li>
</ul>
</div>
<div class="header-tools">
<a class="header-tools-btn header-tools-btn_language only-pc" href="/en/introduction.html" title="è¯è¨€">EN</a>
<a class="header-tools-btn" href="/search.html"><i class="fa fa-search fa-lg"></i></a>
<div class="header-tools-btn burger" onclick="showMenu(this)">
<div class="x"></div>
<div class="y" style=""></div>
<div class="z"></div>
</div>
</div>
</div>
<!-- <div class="panel-notice" style="background-color: rgba(109, 8, 8, 0.6);"> -->
<!-- <div class="panel-notice-close"> -->
<!-- <i class="fa fa-close"></i> -->
<!-- </div> -->
<!-- <div class="notice js-activity"> -->
<!-- <div class="notice-call" style="text-align: center;">伟大精神铸就伟大时代——ä¸å›½å…±äº§å…šä¼Ÿå¤§å»ºå…šç²¾ç¥žä¸“题展</div> -->
<!-- <div class="notice-content"> -->
<!-- <p>ç”±ä¸å…±ä¸Šæµ·å¸‚å§”å®£ä¼ éƒ¨ã€ä¸å…±ä¸Šæµ·å¸‚委党å²ç ”究室指导，ä¸å…±ä¸€å¤§çºªå¿µé¦†ã€ä¸Šæµ·å›¾ä¹¦é¦†ã€ä¸Šæµ·å¸‚ä¸å›½å…±äº§å…šä¼Ÿå¤§å»ºå…šç²¾ç¥žç ”究ä¸å¿ƒåˆä½œä¸¾åŠžçš„大型原创展览“伟大精神铸就伟大时代——ä¸å›½å…±äº§å…šä¼Ÿå¤§å»ºå…šç²¾ç¥žä¸“题展â€äºŽ2022å¹´1月25日在上海图书馆æ£å¼å¼€å¹•ï¼Œå±•æœŸè‡³4月30日。</p> -->
<!-- <p>本次展览是全国首个以“伟大建党精神â€ä¸ºä¸»é¢˜çš„大型特展，是上海作为ä¸å›½å…±äº§å…šçš„诞生地和伟大建党精神的å‘æºåœ°ï¼Œå¼˜æ‰¬ä¼Ÿå¤§å»ºå…šç²¾ç¥žã€èµ“ç»ä¼ 承红色血脉的é‡è¦å®žè·µï¼Œä¹Ÿæ˜¯ä¸å…±ä¸€å¤§çºªå¿µé¦†ç²¾å¿ƒç–划的2022å¹´é‡å¤´å·¥ä½œâ€œä¼Ÿå¤§å»ºå…šç²¾ç¥žä¸“题展暨全国巡回展â€çš„第一次亮相。</p> -->
<!-- <p>å±•è§ˆä»¥ä¹ è¿‘å¹³æ€»ä¹¦è®°â€œä¸ƒä¸€â€è®²è¯å’Œå…šçš„åä¹å±Šå…ä¸å…¨ä¼šç²¾ç¥žä¸ºæŒ‡å¼•ï¼Œä»¥ç¬¬ä¸€æ‰¹çº³å…¥ä¸å›½å…±äº§å…šäººç²¾ç¥žè°±ç³»çš„伟大精神为串è”，紧紧围绕“伟大建党精神â€è¿™ä¸€ä¸»é¢˜ï¼Œå±•ç¤ºåœ¨ä¼Ÿå¤§å»ºå…šç²¾ç¥žå¼•é¢†ä¸‹å…šå’Œäººæ°‘的百年奋斗历程。</p> -->
<!-- <p>欢迎å‰åŽ»è§‚展ï¼</p> -->
<!-- </div> -->
<!-- <div> -->
<!-- <p style="text-align: center;"><a id="exhibitReserve" href="https://reservation.library.sh.cn/?active=topicExhibitions" style="">点击预约</a></p> -->
<!-- <style>
#exhibitReserve{padding: 0.1rem 0.5rem;background-color: #d9b57c;margin: 0 auto;border-radius: 2px;}
#exhibitReserve:hover{background-color: #b58641;}
<!-- </style> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div class="pager swiper-container only-pc">
<div class="swiper-wrapper">
<div class="swiper-slide" style="overflow: hidden;background-size: cover;background-position: top;background-image: url('/static/video/index-7-bg.jpg');">
<video muted id="smallvideo" src="/static/video/index-7.mp4" autoplay="autoplay" style="width:100%;" oncontextmenu="window.event.returnValue = false;return false;"></video>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/exhibit-bg-big.jpg">
<div class="container" style="padding:0;display: block;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div style="height:22vh;background-color:rgba(0,0,0,0.5);display:flex;color:white;align-items:center;justify-content:space-around;padding:0 1rem 0 0.5rem;">
<div style="height:65%;">
<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">场馆开放时间</h2>
<h1 style="text-align:left;font-weight:bold;margin-bottom:0;line-height:0.6rem;font-size:0.5rem;">9:00-17:00</h1>
<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">å…预约å‚观</h2>
</div>
<div style="height:45%;">
<h2 style="text-align:left;margin-bottom:0;font-size:0.25rem;font-weight:500;letter-spacing: 3px;"><font style="font-size:0.5rem;font-weight:bold;line-height:0.6rem;">16:30</font>点åŽåœæ¢å…¥é¦†</h2>
<h2 style="text-align:left;font-size:0.25rem;font-weight:500;letter-spacing: 3px;line-height:0.4rem;">周一é—馆，法定节å‡æ—¥é™¤å¤–</h2>
</div>
<div>
<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;">è”系电è¯</h3>
<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;font-weight: bold;">021-53830723</h3>
<h3 style="text-align:left;margin-bottom:0;font-size:0.25rem;letter-spacing: 3px;line-height:0.4rem;font-weight: bold;">021-53832171</h3>
</div>
<a href="/service/booking.html" style="display:none;">
<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
<i class="icon-calendar" style="font-size:0.5rem;"></i>
</div>
<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">预约须知</div>
</a>
<a href="/service/visit.html#notice" style="display:block;">
<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
<i class="icon-attach" style="font-size:0.55rem;"></i>
</div>
<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">å‚观须知</div>
</a>
<a href="/service/guide.html#explain" style="display:block;">
<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
<i class="icon-sound" style="font-size:0.5rem;"></i>
</div>
<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">讲解æœåŠ¡</div>
</a>
<a href="/service/visit.html#routes" style="display:block;">
<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;line-height:10vh;text-align:center;">
<i class="icon-location" style="font-size:0.5rem;"></i>
</div>
<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">交通路线</div>
</a>
<a href="/suggestion.html" style="display:block;">
<div style="border-radius: 50%;border:3px solid white;width:10vh;height:10vh;display:flex;align-items:center;justify-content:center;">
<i class="fa fa-file-text-o" style="font-size:0.45rem;"></i>
</div>
<div style="text-align:center;font-size:0.2rem;margin-top:0.2rem;">建议æ„è§</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-1.jpg">
<div class="container" style="padding:0;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
<div class="exhibition-info-title">
<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">å‰ä»†åŽç»§<br/>救亡图å˜</h3>
</div>
<div class="exhibition-info-desc">
<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">自19世纪ä¸å¶èµ·ï¼Œä¸å›½é€æ¥æˆä¸ºåŠæ®–民地åŠå°å»ºå›½å®¶ï¼Œä¸å›½äººæ°‘éå—ç€å¸å›½ä¸»ä¹‰çš„侵略和å°å»ºä¸»ä¹‰çš„压迫。为挽救国家和民æ—çš„å±äº¡ï¼Œä¸å›½çš„先进分å进行了英勇的抗争和艰苦的探索。这些斗争和探索在一定程度上推动了ä¸å›½ç¤¾ä¼šçš„è¿›æ¥ï¼Œå´æœªèƒ½æ”¹å˜ä¸å›½çš„社会性质和人民的悲惨命è¿ã€‚旧的路走ä¸é€šäº†ï¼ŒåŠ¿å¿…寻找新的出路。</div>
</div>
<div class="exhibition-info-part">
<ul>
<li>
<a onclick="javascript:void(0);">第一å•å…ƒ ä¸å›½é€æ¥æˆä¸ºåŠæ®–民地åŠå°å»ºå›½å®¶</a>
<p>1840年鸦片战争打æ–了ä¸å›½ç¤¾ä¼šçš„å‘展进程。外国侵略者用åšèˆ¹åˆ©ç‚®è¿«ä½¿æ¸…政府ç¾è®¢ä¸€ä¸ªåˆä¸€ä¸ªä¸§æƒè¾±å›½çš„ä¸å¹³ç‰æ¡çº¦ã€‚å¸å›½ä¸»ä¹‰åŠ¿åŠ›ä¸Žå°å»ºç»Ÿæ²»é˜¶çº§ç›¸äº’勾结，残酷剥削压迫ä¸å›½äººæ°‘ã€‚å±±æ²³ç ´ç¢Žï¼Œç”Ÿçµæ¶‚ç‚，ä¸å›½é€æ¸ä¸§å¤±ç‹¬ç«‹çš„地ä½ï¼Œæˆä¸ºåŠæ®–民地åŠå°å»ºå›½å®¶ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第二å•å…ƒ 探寻救亡图å˜çš„é“è·¯</a>
<p>é¢å¯¹å¤–国列强的侵略和本国å°å»ºåŠ¿åŠ›çš„压迫，ä¸å›½äººæ°‘进行了英勇顽强的抗争。日益深é‡çš„æ°‘æ—å±æœºï¼Œä¿ƒä½¿ä¸å›½å…ˆè¿›åˆ†å开眼看世界，努力å‘西方å¦ä¹ ã€‚æ— æ•°å¿—å£«ä»äººä¸ç•ç‰ºç‰²ï¼Œå‰ä»†åŽç»§ï¼ŒåŠ›å›¾ä½¿ä¸å›½èµ°ä¸Šå¯Œå¼ºä¹‹è·¯ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第三å•å…ƒ 辛亥é©å‘½çš„伟大功绩和历å²å±€é™</a>
<p>辛亥é©å‘½ç»ˆç»“了统治ä¸å›½ä¸¤åƒä½™å¹´çš„å›ä¸»ä¸“制制度，在åŽå¤å¤§åœ°æ ‘起了民主共和的旗帜。但是，ä¸åŽæ°‘国的æˆç«‹å¹¶æ²¡æœ‰ç»™äººä»¬å¸¦æ¥é¢„期的民æ—独立和社会进æ¥ï¼ŒåŒ—洋军阀的黑暗统治给ä¸åŽæ°‘æ—带æ¥æ— ç©·çš„ç¾éš¾ï¼Œä½¿å¹¿å¤§äººæ°‘陷于水深ç«çƒä¹‹ä¸ã€‚</p>
</li>
</ul>
<span class="line"></span>
</div>
<div class="exhibition-info-work-1" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/d49c55a0d795493fb2f2ab127a7030bf.html')">
<div style="flex:1;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/a84f605c3c84455ba9aa22e6eed847f8.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">系清æœç»å…´åºœé€®æ•ç§‹ç‘¾åŽå°†å…¶å—æ®ç²˜è¿žä¸€æœ¬ï¼Œå…±26页。</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-2" style="margin-left:1%;flex-direction: column;cursor: pointer;justify-content:space-around;max-height:100%;" onclick="window.open('/collection/highlights/d4915a08cddc4664be2021f71ef3cebe.html')">
<div>
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/preview/20210718/3ad5788dac1c467e867746728cec3219.png" style="max-width:100%;max-height:18vh;">
</div>
<div>
<p style="font-size:0.2rem;margin-bottom: 5px;">辛亥é©å‘½æ—¶ç§‹ç‘¾çƒˆå£«æ‰‹ä¹¦ä¹‹å…‰å¤å†›å†›åˆ¶å†›è§„，æ¤ç¨¿åŽŸå˜ç»å…´åºœå†…，光å¤åŽç”±ç§‹ç¤¾ä¸»ä»»å¾è‡ªåŽæºå½’。</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-2.jpg">
<div class="container" style="padding:0;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;overflow: hidden;">
<div class="exhibition-info-title">
<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">民众觉醒<br/>主义抉择</h3>
</div>
<div class="exhibition-info-desc">
<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">éšç€è¿‘代工业的å‘展，ä¸å›½æ— 产阶级é€æ¥æˆé•¿å£®å¤§ï¼Œæˆä¸ºä¸å›½é©å‘½æœ€åŸºæœ¬çš„动力。新文化è¿åŠ¨é«˜ä¸¾æ°‘主和科å¦çš„大旗，在å¤è€è½åŽçš„ä¸å›½æŽ€èµ·æ€æƒ³è§£æ”¾çš„æ½®æµã€‚æ°‘æ—å±éš¾ä¹‹é™…，以先进é’年知识分å为先锋ã€å¹¿å¤§äººæ°‘群众å‚åŠ çš„å½»åº•åå¸åå°å»ºçš„五四è¿åŠ¨ï¼Œä»¥ç£…礴之力实现了ä¸åŽæ°‘æ—自鸦片战争以æ¥ç¬¬ä¸€æ¬¡å…¨é¢è§‰é†’，ä¸å›½å·¥äººé˜¶çº§ä½œä¸ºç‹¬ç«‹çš„政治力é‡ç™»ä¸ŠåŽ†å²èˆžå°ã€‚五四è¿åŠ¨åŽï¼Œå„ç§æ–°æ€æ½®å¤§é‡æ¶ŒçŽ°ã€‚ç»è¿‡åå¤çš„比较ã€æŽ¨æ±‚，越æ¥è¶Šå¤šçš„先进分å选择了马克æ€ä¸»ä¹‰ï¼Œé€‰æ‹©äº†ç§‘å¦ç¤¾ä¼šä¸»ä¹‰ï¼Œä¸ºä¸å›½å…±äº§å…šçš„æˆç«‹åšäº†æ€æƒ³ä¸Šã€å¹²éƒ¨ä¸Šçš„准备。</div>
</div>
<div class="exhibition-info-part">
<ul>
<li>
<a onclick="javascript:void(0);">第一å•å…ƒ ä¸å›½æ— 产阶级的æˆé•¿å£®å¤§</a>
<p>éšç€è¿‘代工商业的å‘展，ä¸å›½çš„æ— äº§é˜¶çº§äº§ç”Ÿäº†ã€‚è¾›äº¥é©å‘½åŽï¼Œæ°‘æ—资本主义有了新的å‘å±•ï¼Œæ— äº§é˜¶çº§é˜Ÿä¼è¿›ä¸€æ¥å£®å¤§ã€‚ä¸å›½æ— 产阶级身å—å¸å›½ä¸»ä¹‰ã€èµ„产阶级和å°å»ºåŠ¿åŠ›çš„三é‡åŽ‹è¿«ï¼Œä»Žè¯žç”Ÿæ—¶èµ·å°±æ²¡æœ‰é—´æ–过斗争，具有åšå¼ºçš„é©å‘½æ€§ã€‚在民æ—å±æœºå’Œç¤¾ä¼šå±æœºæ—¥ç›Šæ·±é‡çš„æƒ…å†µä¸‹ï¼Œæ— äº§é˜¶çº§è¿…é€Ÿè§‰é†’ã€æˆé•¿èµ·æ¥ï¼Œå¹¶å¾ˆå¿«ç™»ä¸Šæ”¿æ²»èˆžå°ã€‚领导åå¸åå°å»ºæ°‘主é©å‘½çš„é‡ä»»ï¼ŒåŽ†å²åœ°è½åˆ°ä¸å›½æ— 产阶级身上。</p>
</li>
<li>
<a onclick="javascript:void(0);">第二å•å…ƒ 五四è¿åŠ¨å¼€å¯æ–°æ°‘主主义é©å‘½</a>
<p>在民主和科å¦ä¸¤é¢å¤§æ——的指引下，新文化è¿åŠ¨æˆä¸ºç©ºå‰æ·±åˆ»çš„æ€æƒ³è§£æ”¾è¿åŠ¨ã€‚1919年，以先进é’年知识分å为先锋的五四è¿åŠ¨çˆ†å‘，ä¸å›½å·¥äººé˜¶çº§ä½œä¸ºç‹¬ç«‹çš„政治力é‡ç™»ä¸ŠåŽ†å²èˆžå°ï¼Œä½¿è¿åŠ¨å‘展æˆå¹¿å¤§äººæ°‘群众å‚åŠ çš„å½»åº•åå¸åå°å»ºçš„伟大爱国é©å‘½è¿åŠ¨ã€‚五四è¿åŠ¨çš„胜利激å‘èµ·ä¸å›½äººæ°‘å’Œä¸åŽæ°‘æ—追求真ç†ã€è¿½æ±‚è¿›æ¥çš„伟大觉醒，推动了社会主义æ€æ½®åœ¨ä¸å›½çš„蓬勃兴起，开å¯äº†ä¸å›½æ–°æ°‘主主义é©å‘½çš„伟大å¾ç¨‹ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第三å•å…ƒ 马克æ€ä¸»ä¹‰åœ¨ä¸å›½å¹¿æ³›ä¼ æ’</a>
<p>五四è¿åŠ¨åŽï¼Œæ–°æ€æ½®å¤§é‡æ¶ŒçŽ°ï¼Œç ”ç©¶å’Œå®£ä¼ ç¤¾ä¼šä¸»ä¹‰é€æ¥æˆä¸ºä¸å›½è¿›æ¥æ€æƒ³ç•Œçš„主æµã€‚éšç€ä¿„国å月é©å‘½çš„å½±å“æ¸æ¬¡æ‰©å¤§ï¼Œä»¥æŽå¤§é’Šä¸ºä»£è¡¨çš„先进分å开始在ä¸å›½æ¯”è¾ƒç³»ç»Ÿåœ°ä¼ æ’马克æ€ä¸»ä¹‰ã€‚ç»è¿‡åå¤çš„比较ã€æŽ¨æ±‚，越æ¥è¶Šå¤šçš„è¿›æ¥é’年被马克æ€ä¸»ä¹‰é«˜åº¦çš„科å¦æ€§å’Œé©å‘½æ€§å¸å¼•ï¼Œä»Žæ°‘主主义者转å˜ä¸ºé©¬å…‹æ€ä¸»ä¹‰è€…ï¼Œä¸ºæ— äº§é˜¶çº§æ”¿å…šçš„åˆ›å»ºå‡†å¤‡äº†æ€æƒ³æ¡ä»¶å’Œå¹²éƒ¨æ¡ä»¶ã€‚</p>
</li>
</ul>
<span class="line"></span>
</div>
<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/d2d09b6df864499d93fa2ef717b8ebdf.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210719/1135169fc64c4e96adee59bae4974fd3.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1920å¹´9月出版的陈望é“译《共产党宣言》</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/0ce78b9e522244bc96301fbede1fc155.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/6a8d915c24224421bbc50bc914c071fc.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1922å¹´1æœˆå¼ äº®è¯‘ã€Šåˆ—å®ä¼ 》（列å®å…¨ä¹¦ç¬¬å››ç§ï¼‰</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/e013816f1b0f40cd8dc1e2dda672b20b.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/da6e468aed1a42c097fec72a8c959a9b.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1921年6月田诚著《共产主义与智识阶级》</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-3.jpg">
<div class="container" style="padding:0;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
<div class="exhibition-info-title">
<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">早期组织<br/>星ç«åˆç‡ƒ</h3>
</div>
<div class="exhibition-info-desc">
<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">在å¦ä¹ ã€ä¼ æ’马克æ€ä¸»ä¹‰å’Œâ€œä¸ŽåŠ³å·¥ä¸ºä¼â€çš„实践ä¸ï¼Œä¸å›½çš„马克æ€ä¸»ä¹‰è€…é€æ¸è®¤è¯†åˆ°å»ºç«‹æ— 产阶级政党的必è¦æ€§å’Œç´§è¿«æ€§ã€‚在共产国际的帮助下，ä¸å›½ç¬¬ä¸€ä¸ªå…±äº§å…šæ—©æœŸç»„织1920年在上海æˆç«‹ï¼Œå¹¶ç§¯æžæŒ‡å¯¼å’ŒæŽ¨åŠ¨å„地共产主义者开展建党活动。å„地共产党早期组织æˆç«‹åŽï¼Œæœ‰è®¡åˆ’ã€æœ‰ç»„ç»‡åœ°ç ”ç©¶å’Œå®£ä¼ é©¬å…‹æ€ä¸»ä¹‰ï¼Œæ‰¹åˆ¤å„ç§å马克æ€ä¸»ä¹‰æ€æ½®ï¼Œåœ¨å·¥äººä¸å¼€å±•å®£ä¼ 和组织工作，æˆç«‹ç¤¾ä¼šä¸»ä¹‰é’年团，进一æ¥æŽ¨åŠ¨é©¬å…‹æ€ä¸»ä¹‰çš„ä¼ æ’åŠå…¶ä¸Žä¸å›½å·¥äººè¿åŠ¨çš„结åˆï¼Œä¸ºä¸å›½å…±äº§å…šçš„æ£å¼æˆç«‹å¥ 定基础。</div>
</div>
<div class="exhibition-info-part">
<ul>
<li>
<a onclick="javascript:void(0);">第一å•å…ƒ ä¸å›½å…±äº§å…šçš„å‘起组织在上海æˆç«‹</a>
<p>åœ¨å¹¿æ³›ä¼ æ’马克æ€ä¸»ä¹‰ã€å®£ä¼ 劳工è¿åŠ¨çš„过程ä¸ï¼Œé™ˆç‹¬ç§€å’ŒæŽå¤§é’Šå¼€å§‹é…酿和准备建立共产党组织。1920年，在ä¸å›½å·¥äººé˜¶çº§æœ€å¯†é›†çš„ä¸å¿ƒåŸŽå¸‚——上海，以上海马克æ€ä¸»ä¹‰ç ”究会为基础，ä¸å›½çš„第一个共产党早期组织æ£å¼æˆç«‹ã€‚上海的共产党早期组织积æžæŽ¨åŠ¨å„地共产党早期组织的建立，æˆä¸ºå„地共产主义者进行建党活动的è”络ä¸å¿ƒï¼Œå®žé™…上起ç€ä¸å›½å…±äº§å…šçš„å‘起组织的作用。</p>
</li>
<li>
<a onclick="javascript:void(0);">第二å•å…ƒ å„地共产党早期组织的建立和活动</a>
<p>在上海åŠåŒ—京共产党早期组织的è”络和推动下，1920年秋至1921年春，æ¦æ±‰ã€é•¿æ²™ã€å¹¿å·žã€æµŽå—ç‰åœ°çš„先进分å以åŠæ—…æ—¥ã€æ—…法留å¦ç”Ÿå’ŒåŽä¾¨ä¸çš„先进分å，相继建立了共产党早期组织。å„地共产党早期组织æˆç«‹åŽï¼Œæœ‰ç»„织有计划地开展å„项工作，进一æ¥æ‰©å¤§äº†é©¬å…‹æ€ä¸»ä¹‰çš„å½±å“，促进了马克æ€ä¸»ä¹‰åŒä¸å›½å·¥äººè¿åŠ¨çš„结åˆï¼Œä¸ºå»ºç«‹å…¨å›½ç»Ÿä¸€çš„ä¸å›½å…±äº§å…šå¤¯å®žåŸºç¡€ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第三å•å…ƒ 建党æ€æƒ³çš„探索与争论</a>
<p>å›´ç»•å»ºç«‹ä¸€ä¸ªä»€ä¹ˆæ ·çš„å…šå’Œæ€Žæ ·å»ºå…šç‰å…³é”®è€Œé‡è¦çš„问题，ä¸å›½æ—©æœŸé©¬å…‹æ€ä¸»ä¹‰è€…进行了积æžçš„探索，åˆæ¥æ˜Žç¡®äº†å…šçš„æ ¹æœ¬æ€§è´¨ã€å¥‹æ–—ç›®æ ‡ã€ç»„织原则和é©å‘½æ‰‹æ®µï¼Œä¸ºå»ºç«‹æ–°åž‹çš„æ— äº§é˜¶çº§æ”¿å…šç‘牢ç†è®ºæ ¹åŸºã€‚åŒæ”¹è‰¯ä¸»ä¹‰ã€æ— 政府主义ç‰å马克æ€ä¸»ä¹‰æ€æ½®çš„论战，帮助一批进æ¥é’年划清科å¦ç¤¾ä¼šä¸»ä¹‰ä¸Žèµ„产阶级ã€å°èµ„产阶级社会主义æµæ´¾çš„ç•Œé™ï¼Œèµ°ä¸Šé©¬å…‹æ€ä¸»ä¹‰çš„é“路。</p>
</li>
</ul>
<span class="line"></span>
</div>
<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/7199dfc75dc64033b5ec53a3ad4a91c7.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/c9d3bdd6d55b4386899f5d59a2d79ba5.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1925年秋æŽå¤§é’Šç”¨çš„英文打å—机</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b3ecf88c477541339dcd0116caa7a57c.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/63d105e2d9324736a5af2c056a2fc3f9.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1921å¹´12月è¢è®©è¯‘《工钱劳动与资本》</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b3ecf88c477541339dcd0116caa7a57c.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/820be72c9ec74415b491bb058ccc8cee.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1921å¹´12月太柳译《共产党底计划》（康民尼斯特丛书第一ç§ï¼‰</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-4.jpg">
<div class="container" style="padding:0;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
<div class="exhibition-info-title">
<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">开天辟地<br/>日出东方</h3>
</div>
<div class="exhibition-info-desc">
<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">1921å¹´7月23日，ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šåœ¨ä¸Šæµ·å¼€å¹•ã€‚ä¸å…±ä¸€å¤§çš„å¬å¼€ï¼Œå®£å‘Šä¸å›½å…±äº§å…šæ£å¼æˆç«‹ã€‚从æ¤ï¼Œåœ¨å¤è€è½åŽçš„ä¸å›½å‡ºçŽ°äº†å®Œå…¨æ–°å¼çš„，以马克æ€åˆ—å®ä¸»ä¹‰ä¸ºè¡ŒåŠ¨æŒ‡å—çš„ï¼Œä»¥å®žçŽ°ç¤¾ä¼šä¸»ä¹‰å’Œå…±äº§ä¸»ä¹‰ä¸ºå¥‹æ–—ç›®æ ‡çš„ï¼Œä»¥ä¸åŽæ°‘æ—伟大å¤å…´ä¸ºåŽ†å²ä½¿å‘½çš„ç»Ÿä¸€çš„æ— äº§é˜¶çº§æ”¿å…šã€‚è¿™ä¸€å¼€å¤©è¾Ÿåœ°çš„å¤§äº‹å˜ï¼Œç»™ç¾éš¾æ·±é‡çš„ä¸å›½äººæ°‘带æ¥äº†å…‰æ˜Žå’Œå¸Œæœ›ã€‚自从有了ä¸å›½å…±äº§å…šï¼Œä¸å›½é©å‘½çš„é¢ç›®ç„•ç„¶ä¸€æ–°ã€‚</div>
</div>
<div class="exhibition-info-part">
<ul>
<li>
<a onclick="javascript:void(0);">第一å•å…ƒ ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçš„ç¹å¤‡</a>
<p>1921å¹´6月，共产国际代表抵达上海，与上海共产党早期组织æˆå‘˜å–å¾—è”系。ç»è®¨è®ºå¹¶å¾æ±‚陈独秀和æŽå¤§é’Šçš„æ„è§ï¼Œå†³å®šåœ¨ä¸Šæµ·å¬å¼€ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šã€‚上海共产党早期组织负责ç¹å¤‡ä¼šè®®ã€‚æ¥è‡ª7个地区共产党早期组织的13ä½ä»£è¡¨å’Œ2å共产国际代表出å¸ä¼šè®®ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第二å•å…ƒ ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçš„å¬å¼€</a>
<p>1921å¹´7月23日，ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šåœ¨ä¸Šæµ·æ³•ç§Ÿç•Œæœ›å¿—è·¯106å·å¼€å¹•ã€‚大会å¬å–了å„地党组织的汇报，讨论了党的纲领和工作计划。7月30日晚举行第å…æ¬¡ä¼šè®®æ—¶ï¼Œå› æ³•ç§Ÿç•Œå¯†æŽ¢è¢æ‰°ï¼Œå¤§ä¼šè¢«è¿«ä¸æ¢ã€‚最åŽä¸€æ¬¡ä¼šè®®è½¬ç§»åˆ°æµ™æ±Ÿå˜‰å…´å—湖的游船上å¬å¼€ã€‚ä¸å…±ä¸€å¤§é€šè¿‡äº†å…šçš„第一个纲领和第一个决议，选举产生了ä¸å¤®å±€æˆå‘˜ï¼Œå®£å‘Šä¸å›½å…±äº§å…šæ£å¼æˆç«‹ã€‚一个新的é©å‘½ç«ç§åœ¨æ²‰æ²‰é»‘夜的ä¸å›½å¤§åœ°ä¸Šç‚¹ç‡ƒèµ·æ¥ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第三å•å…ƒ ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šåŽçš„活动</a>
<p>ä¸å›½å…±äº§å…šæˆç«‹åŽï¼Œä¸å¤®å±€ä¾æ®å…šçš„一大通过的纲领和决议，å¥å…¨ä¸å¤®ç»„织机构，领导å„地党ã€å›¢ç»„织开展工作。æˆç«‹å‡ºç‰ˆæœºæž„ï¼Œç»„ç»‡å‡ºç‰ˆé©¬åˆ—è‘—ä½œï¼ŒåŠ å¼ºé©¬å…‹æ€ä¸»ä¹‰çš„å®£ä¼ ã€‚æˆç«‹ä¸å›½åŠ³åŠ¨ç»„åˆä¹¦è®°éƒ¨å’Œå„地分部，领导开展工农群众è¿åŠ¨ï¼ŒæŽ€èµ·ä¸å›½å·¥äººè¿åŠ¨ç¬¬ä¸€æ¬¡é«˜æ½®ã€‚1922å¹´7月在上海å¬å¼€çš„ä¸å›½å…±äº§å…šç¬¬äºŒæ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šï¼Œåˆ¶å®šåå¸åå°å»ºçš„民主é©å‘½çº²é¢†ï¼Œé€šè¿‡å…šçš„ç¬¬ä¸€éƒ¨å…šç« ï¼Œä¸ºä¸å›½é©å‘½æŒ‡æ˜Žæ£ç¡®çš„æ–¹å‘。</p>
</li>
</ul>
<span class="line"></span>
</div>
<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/0f4db93d12b1442d99ad927bdd85930d.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/c0d8012505fa421198aa11c0354e139d.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">ä¸å›½å…±äº§å…šåˆ›å»ºæ—¶æœŸé™ˆç‹¬ç§€è‘—《政治主义谈》</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/ce83cc061b744cc195b3e7963067b603.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/087785ad11304395aa1015facc14260f.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1921å¹´12月æˆåˆ™äººè¯‘《讨论进行计划书》（列å®å…¨ä¹¦ç¬¬äºŒç§ï¼‰</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/b1a9a0f786e34a599553966ff5c63815.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/5af6c9f2cc194e99bab3b3f08129362f.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1922å¹´1月希曼译《俄国共产党党纲》（康民尼斯特丛书第二ç§ï¼‰</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-intro" style="overflow: hidden;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/index-exhibition-bg-exhibit-5.jpg">
<div class="container" style="padding:0;">
<div class="page page-info" style="padding:0;">
<div style="position:absolute;width:100%;bottom:0;left:0;">
<div class="exhibition-info" style="height:22vh;background-color:rgba(0,0,0,0.5);color:white;align-items:center;justify-content:space-around;padding:0 0.5rem;">
<div class="exhibition-info-title">
<h3 style="text-align:center;margin-bottom:0;font-size:0.4rem;letter-spacing: 3px;line-height:0.5rem;">ç ¥ç ºå‰è¡Œ<br/>光辉历程</h3>
</div>
<div class="exhibition-info-desc">
<div style="text-align:left;margin-bottom:0;font-size:0.2rem;font-weight:100;letter-spacing: 3px;overflow:hidden;">ä¸å›½å…±äº§å…šæˆç«‹åŽï¼Œå›¢ç»“带领全国å„æ—人民，å–得了新民主主义é©å‘½çš„全国性胜利，建立了社会主义基本制度，在社会主义建设和改é©å¼€æ”¾çš„伟大事业ä¸å–得辉煌æˆå°±ï¼Œäººæ°‘生活水平和国家综åˆå®žåŠ›æ˜¾è‘—æ高。ä¸åŽæ°‘æ—è¿Žæ¥äº†ä»Žç«™èµ·æ¥ã€å¯Œèµ·æ¥åˆ°å¼ºèµ·æ¥çš„伟大飞跃，ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰è¿Žæ¥äº†ä»Žåˆ›ç«‹ã€å‘展到完善的伟大飞跃，ä¸å›½äººæ°‘è¿Žæ¥äº†ä»Žæ¸©é¥±ä¸è¶³åˆ°å°åº·å¯Œè£•çš„伟大飞跃。在ä¸å›½å…±äº§å…šé¢†å¯¼ä¸‹ï¼Œäº¿ä¸‡åŽå¤å„¿å¥³æ±‡èšèµ·å¤ºå–新时代ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰ä¼Ÿå¤§èƒœåˆ©ã€å®žçŽ°ä¸åŽæ°‘æ—伟大å¤å…´ä¸å›½æ¢¦çš„磅礴力é‡ã€‚</div>
</div>
<div class="exhibition-info-part">
<ul>
<li>
<a onclick="javascript:void(0);">第一å•å…ƒ 实现民æ—独立和人民解放</a>
<p style="line-height:1.5em;">ä¸å›½å…±äº§å…šæˆç«‹åŽï¼Œä¸ä»…æ出符åˆä¸å›½å®žé™…和广大人民利益的民主é©å‘½çº²é¢†ï¼Œè€Œä¸”始终英勇地站在åå¸åå°å»ºé©å‘½æ–—争的最å‰çº¿ã€‚ä¸å›½å…±äº§å…šå›¢ç»“带领å„æ—人民浴血奋战，以ä¸å›½åŒ–的马克æ€ä¸»ä¹‰ï¼Œå³é©¬å…‹æ€åˆ—å®ä¸»ä¹‰åŸºæœ¬åŽŸç†åŒä¸å›½é©å‘½å…·ä½“实践相结åˆçš„毛泽东æ€æƒ³ä¸ºæŒ‡å¼•ï¼Œæ‰¾åˆ°äº†å†œæ‘包围城市ã€æ¦è£…夺å–政æƒçš„æ£ç¡®é“路，推翻国民党å动统治，完æˆæ–°æ°‘主主义é©å‘½ï¼Œå»ºç«‹ä¸åŽäººæ°‘共和国，彻底结æŸäº†æ—§ä¸å›½åŠæ®–民地åŠå°å»ºç¤¾ä¼šçš„历å²ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第二å•å…ƒ 艰苦奋斗建设社会主义</a>
<p style="line-height:1.5em;">æ–°ä¸å›½æˆç«‹åŽï¼Œä»¥æ¯›æ³½ä¸œä¸ºä¸»è¦ä»£è¡¨çš„ä¸å›½å…±äº§å…šäººï¼Œå›¢ç»“带领全党全国å„æ—人民，完æˆä¸åŽæ°‘æ—有å²ä»¥æ¥æœ€ä¸ºå¹¿æ³›è€Œæ·±åˆ»çš„社会å˜é©ï¼Œå®žçŽ°äº†æ°‘æ—独立ã€äººæ°‘å½“å®¶ä½œä¸»ï¼Œè¿›è¡Œäº†ç”Ÿäº§èµ„æ–™æ‰€æœ‰åˆ¶çš„ç¤¾ä¼šä¸»ä¹‰æ”¹é€ ï¼Œä¸ºå½“ä»£ä¸å›½ä¸€åˆ‡å‘展进æ¥å¥ å®šäº†æ ¹æœ¬æ”¿æ²»å‰æ和制度基础;团结带领全党全国å„æ—人民，对适åˆä¸å›½å›½æƒ…的社会主义建设é“路进行艰辛探索，开展了全é¢çš„大规模的社会主义建设，为ä¸å›½å‘展富强ã€äººæ°‘ç”Ÿæ´»å¯Œè£•å¥ å®šäº†åšå®žåŸºç¡€ã€‚</p>
</li>
<li>
<a onclick="javascript:void(0);">第三å•å…ƒ 改é©å¼€æ”¾å¼€åˆ›çŽ°ä»£åŒ–建设新局é¢</a>
<p style="line-height:1.5em;">å…šçš„å一届三ä¸å…¨ä¼šä»¥åŽï¼Œä»¥é‚“å°å¹³ä¸ºä¸»è¦ä»£è¡¨çš„ä¸å›½å…±äº§å…šäººï¼Œé¡ºåº”历å²æ½®æµï¼Œå°Šé‡äººæ°‘æ„愿，作出改é©å¼€æ”¾çš„战略抉择，æˆåŠŸå¼€åˆ›ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰é“路。党的å三届四ä¸å…¨ä¼šä»¥åŽï¼Œä»¥æ±Ÿæ³½æ°‘为主è¦ä»£è¡¨çš„ä¸å›½å…±äº§å…šäººï¼Œé¢å¯¹æ²»ç†æ•´é¡¿æ·±åŒ–改é©çš„艰巨任务和国际形势的风云å˜å¹»ï¼ŒæˆåŠŸæŠŠä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰æŽ¨å‘21世纪。党的åå…大以åŽï¼Œä»¥èƒ¡é”¦æ¶›ä¸ºä¸»è¦ä»£è¡¨çš„ä¸å›½å…±äº§å…šäººï¼Œå›¢ç»“带领全国人民，战胜一系列é‡å¤§æŒ‘战，æˆåŠŸåœ¨æ–°çš„历å²èµ·ç‚¹ä¸ŠåšæŒå’Œå‘展了ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰...</p>
</li>
<li>
<a onclick="javascript:void(0);">第四å•å…ƒ 新时代铸就新辉煌</a>
<p style="line-height:1.5em;">å…šçš„å八大以æ¥ï¼Œä»¥ä¹ è¿‘å¹³åŒå¿—ä¸ºæ ¸å¿ƒçš„å…šä¸å¤®å›¢ç»“带领全党全国å„æ—人民，毫ä¸åŠ¨æ‘‡åšæŒå’Œå‘展ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰ï¼Œå½¢æˆäº†ä¹ 近平新时代ä¸å›½ç‰¹è‰²æœä¼šä¸»ä¹‰æ€æƒ³ï¼Œç»Ÿç¹æŽ¨è¿›â€œäº”ä½ä¸€ä½“â€æ€»ä½“布局ã€å调推进“四个全é¢â€æˆ˜ç•¥å¸ƒå±€ï¼ŒåšæŒç¨³ä¸æ±‚进工作总基调，对党和国家å„æ–¹é¢å·¥ä½œæ出-系列新ç†å¿µæ–°æ€æƒ³æ–°æˆ˜ç•¥ï¼Œè§£å†³äº†è®¸å¤šé•¿æœŸæƒ³è§£å†³è€Œæ²¡æœ‰è§£å†³çš„难题，办æˆäº†è®¸å¤šè¿‡åŽ»æƒ³åŠžè€Œæ²¡æœ‰åŠžæˆçš„大事，党和国家事业å‘生历å²æ€§å˜é©ï¼Œå–得历å²æ€§æˆå°±ã€‚ä¸å›½ç‰¹è‰²ç¤¾ä¼šä¸»ä¹‰è¿›å…¥æ–°æ—¶ä»£ï¼Œè¿Žæ¥äº†å®žçŽ°ä¼Ÿå¤§æ°‘æ—å¤å…´çš„光明å‰æ™¯ã€‚</p>
</li>
</ul>
<span class="line"></span>
</div>
<div class="exhibition-info-work-11" style="display:flex;margin-left:3%;cursor: pointer;" onclick="window.open('/collection/highlights/aa4cf599d59f457b8e333cd1b32ad4f9.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/d3d3e2b7f1324a8f99141bf38f4dcf6c.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1928å¹´11月ä¸å…±ä¸å¤®åœ¨ä¸Šæµ·åˆ›åŠžçš„《红旗》</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-22" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/bdb6c05093da40f0b0fed79504103b84.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/1af5866028194b67b6eeef83d655824a.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1936年沈钧儒ç‰ä½œã€Šå›¢ç»“å¾¡æ•Œçš„å‡ ä¸ªåŸºæœ¬æ¡ä»¶ä¸Žæœ€ä½Žè¦æ±‚》附毛泽东å¤ç”µ</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-work-33" style="display:flex;margin-left:2%;cursor: pointer;" onclick="window.open('/collection/highlights/eddf1a7e94d94f7092f38d97a8fee8a6.html')">
<div style="flex:1;text-align:center;">
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210718/a043a1c6460d4a10ad9d0dfd59b4886e.png" style="max-width:100%;max-height:18vh;">
</div>
<div style="flex:2;margin-left:10px;">
<p style="font-size:0.2rem;margin-bottom: 5px;">1932年至1934年在上海出版的《ä¸å›½è®ºå›ã€‹å‘¨åˆŠ</p>
<h4 style="text-align:left;">国家一级文物</h4>
</div>
</div>
<div class="exhibition-info-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide js-nav-piece" style="overflow: hidden;">
<div class="container" style="background-image: url('/static/images/index-menu-bg.jpg');background-size:cover;background-position:center;padding:0;">
<link type="text/css" rel="stylesheet" href="/static/css/home.css"/>
<!-- 代ç 开始 -->
<div class="ag-content-customer-wrap">
<div class="ag-content-customer">
<div class="ag-content-customer-ele">
<div class="ag-content-customer-ele-shadow"></div>
<h1>一大动æ€</h1>
<h3>精彩活动 纷至沓æ¥</h3>
<ul>
<li><a href="/about/news/72773acf34954a848f4cfe4e2a85fa37.html" target="_blank">一大志愿丨我们在“一大â€è®²è¿°ç™¾å¹´çƒè¡€æ•…事——“çƒçš„è¡€â€ä¸“题展志愿æœåŠ¡æ€»ç»“</a></li>
<li><a href="/about/news/17fa45f848b54b8cbd86207b4f7af9f5.html" target="_blank">绿æ„翻涌æˆå¤</a></li>
<li><a href="/about/news/5a77274b11814cf8bffba086717b5b8c.html" target="_blank">周公馆｜招募计划：“知周·讲周â€çº¢è‰²æ•…事çŸè§†é¢‘创作招募啦ï¼</a></li>
<li><a href="/about/news/157ff8f6ebd04b91bb3dce70aa495be9.html" target="_blank">鲜花妆上海，花香èŸç”³åŸŽï¼2025上海国际花展开幕，龚æ£å‡ºå¸å¹¶å¯åŠ¨èŠ±å±•</a></li>
<li><a href="/about/news/be94981045b64c2baa3c5eff42e01cd1.html" target="_blank">“一大文创â€äº®ç›¸å¤ªå¹³æ´‹æ–°å¤©åœ°â€œä¸œå°å¥½å¸‚·花è¯é›†â€</a></li>
<li><a href="/about/news/d480db46c9e541afbfde0ad4b8f31999.html" target="_blank">周公馆 | â€‹æµ·æ£ å¯„æƒ…Â·ç™¾å¹´åŒå¿ƒ</a></li>
<li><a href="/about/news.html">查看更多>></a></li>
</ul>
<span class="line"></span>
</div>
<div class="ag-content-customer-ele wc">
<div class="ag-content-customer-ele-shadow"></div>
<h1>专题展览</h1>
<h3>红色ç»å…¸ 与党为ä¼</h3>
<ul>
<li><a href="/exhibition/special/f0c47484848e4eff8dd760aa12f8a00d.html" target="_blank">
“çƒçš„血——纪念五å…è¿åŠ¨100周年文物å²æ–™ä¸“题展â€å¼€å¹•
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20250401/52f18d2069514599a00010ac5ca63e55.png">
</a></li>
<li><a href="/exhibition/special/777d0aee878a4123a4e23b41b7df3f58.html" target="_blank">
“åˆå¿ƒç…§è€€â€”—ä¸å…±ä¸€å¤§çºªå¿µé¦†å»ºé¦†70周年纪念展â€åœ¨ä¸Šæµ·å¼€å¹•
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20250221/70cc4cfdc1854049948108e76ae676ba.png">
</a></li>
<li><a href="/exhibition/special/2e829fa0ee5c4279a7bdb51015ba88e3.html" target="_blank">
“人民的胜利——淮海战役精å“文物展â€å¼€å¹•
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20250117/57c210d093774e3aae05e48aa6cf278b.png">
</a></li>
<li><a href="/exhibition/special.html">查看更多>></a></li>
</ul>
<span class="line"></span>
</div>
<div class="ag-content-customer-ele cp">
<div class="ag-content-customer-ele-shadow"></div>
<h1>馆è—ç²¾å“</h1>
<h3>å›žå¿†åŽ†å² ä¸å¿˜åˆå¿ƒ</h3>
<ul>
<li><a href="/collection/highlights/b1bec3b183c04df4a0089613ed9ee714.html" target="_blank">
上海å°åˆ€ä¼šèµ·ä¹‰æ—¶æ½˜å¯ç¥¥éƒ¨ä½¿ç”¨çš„å°åˆ€
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20250417/5775063631ac4ac58876bf65ea3d5f88.png">
</a></li>
<li><a href="/collection/highlights/dd1dedc3ea1a4773a5891e2408ae970d.html" target="_blank">
é‚“å°å¹³åŒå¿—1984年为ä¸å…±ä¸€å¤§ä¼šå€çºªå¿µé¦†é¢˜å†™çš„馆å
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210812/e351107138aa4d65b36933643a423460.png">
</a></li>
<li><a href="/collection/highlights/688667727db64ea3a4b59746d3ca239c.html" target="_blank">
毛泽东åŒå¿—1924年与国民党上海执行部æˆå‘˜åœ¨å™ä¸å±±å¯“所åˆå½±ç…§
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210812/53388fdf4f2d4eedb067decfff489f17.png">
</a></li>
<li><a href="/collection/highlights.html">查看更多>></a></li>
</ul>
<span class="line"></span>
</div>
<div class="ag-content-customer-ele wc">
<div class="ag-content-customer-ele-shadow"></div>
<h1>红色文创</h1>
<h3>篆刻记忆 展望未æ¥</h3>
<ul>
<li>
<a href="/service/creative.html" target="_blank">
ä¸å…±ä¸€å¤§çºªå¿µé¦†æœ¨é›•æ˜Žä¿¡ç‰‡
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210622/a16c506e6ab44761938f1560cbc36236.png">
</a>
</li>
<li>
<a href="/service/creative.html" target="_blank">
《ä¸å›½å…±äº§å…šç« 程》楷书å—帖套装
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210722/57a7e54ecd2248648ce6b58ba35ae56c.png">
</a>
</li>
<li>
<a href="/service/creative.html" target="_blank">
“1921-2021â€å¸†å¸ƒè¢‹
<img class="card-img" alt="" src="https://cfs.zgyd1921.com/cfs/ccm/thumbnail/20210622/1ddf8e124cd047309bada974acdc05a8.png">
</a>
</li>
<li><a href="/service/creative.html">查看更多>></a></li>
</ul>
<span class="line"></span>
</div>
<div class="ag-content-customer-ele">
<div class="ag-content-customer-ele-shadow"></div>
<h1>关于我们</h1>
<h3>è¯·è®°ä½ å…šçš„è¯žç”Ÿåœ°</h3>
<ul>
<li>
<a href="/about.html" target="_blank">
ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçºªå¿µé¦†
</a>
</li>
<li>
<a href="/exhibition/basic.html" target="_blank">
伟大的开端
</a>
</li>
<li><a href="/about.html">查看更多>></a></li>
</ul>
<span class="line"></span>
</div>
</div>
</div>
<script type="text/javascript">
var ctrlBar = false;
var float_timer = null;
var float_max_X;
var float_max_Y;
var float_ctrl_X = true;
var float_ctrl_Y = true;
$(function () {
float_max_X = $(window).width();
float_max_Y = $(window).height();
});
function showVideoImage() {
if ($('.vjs-poster').css('display') == 'none') {
$('.vjs-poster').addClass('index').show();
} else {
setTimeout('showVideoImage()', 50);
}
}
function startMove() {
var obj = $('#floatAdv');
var limit_X = float_max_X - obj.width();
var limit_Y = float_max_Y - obj.height();
float_timer = setInterval(function () {
var _x = parseInt(obj.css('left'));
var _y = parseInt(obj.css('top'));
if (_x >= limit_X) {
float_ctrl_X = false;
}
if (_x <= 0) {
float_ctrl_X = true;
}
if (_y >= limit_Y) {
float_ctrl_Y = false;
}
if (_y <= 0) {
float_ctrl_Y = true;
}
if (float_ctrl_X) {
_x += 1;
} else {
_x -= 1;
}
if (float_ctrl_Y) {
_y += 1;
} else {
_y -= 1;
}
obj.css({
'left': _x + 'px',
'top': _y + 'px'
});
}, 10);
}
function endMove() {
clearInterval(float_timer);
}
$(document).ready(function () {
$('.ag-header ul li:eq(0)').addClass('current-page');
showVideoImage();
$('#floatAdv').mouseenter(function () {
endMove();
});
$('#floatAdv').mouseleave(function () {
startMove();
});
$('#floatAdv span').click(function (e) {
endMove();
$('#floatAdv').attr('href', 'javascript:;').removeAttr('target').hide();
});
$(".ag-content-customer-ele h3,.ag-content-customer-ele h1").bind('click', function (e) {
var navIndex = $(e.target).parent().index();
$('.ag-content-customer-ele').eq(navIndex).removeClass('toHide').removeClass('toCollapse').addClass('toExpand');
if(navIndex==0){
if(!$('.ag-content-customer-ele').eq(1).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(3).hasClass('toHide'))
$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
}else if(navIndex==1){
if(!$('.ag-content-customer-ele').eq(0).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(3).hasClass('toHide'))
$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
}else if(navIndex==2){
if(!$('.ag-content-customer-ele').eq(1).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(3).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(4).hasClass('toHide'))
$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
}else if(navIndex==3){
if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(4).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(4).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
if(!$('.ag-content-customer-ele').eq(1).hasClass('toHide'))
$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
}else if(navIndex==4){
if(!$('.ag-content-customer-ele').eq(2).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(2).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(3).hasClass('toCollapse'))
$('.ag-content-customer-ele').eq(3).removeClass('toExpand').removeClass('toHide').addClass('toCollapse');
if(!$('.ag-content-customer-ele').eq(0).hasClass('toHide'))
$('.ag-content-customer-ele').eq(0).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
if(!$('.ag-content-customer-ele').eq(1).hasClass('toHide'))
$('.ag-content-customer-ele').eq(1).removeClass('toExpand').removeClass('toCollapse').addClass('toHide');
}
setTimeout(function(){
//$('.ag-content-customer-ele').removeClass('toHide').removeClass('toCollapse');
},500)
});
$('.ag-content-customer-ele-detail-return').bind('click', function (e) {
$('.ag-content-customer-ele-detail').css('overflow', 'hidden');
$('.ag-content-customer-ele').animate({ 'width': '20%' }, 500);
$('.ag-content-customer-ele-detail').animate({ 'width': 0 }, 500);
$('.ag-content-customer-ele-detail-display').hide();
});
$('.ag-content-customer-ele-detail ul li').bind('click', function () {
$('.ag-content-customer-ele-detail ul li').removeClass('current');
$(this).addClass('current');
$('.ag-content-customer-ele-detail').css('overflow', 'visible');
var disIndex = $(this).index();
$('.ag-content-customer-ele-detail-display').hide();
$('.ag-content-customer-ele-detail-display').eq(disIndex).show();
// IE
if ("ActiveXObject" in window) {
$('.ag-content-customer-ele-detail-display-left').css({
'left': '0px',
'opacity':'1'
});
$('.ag-content-customer-ele-detail-display-right').css({
'right': '-120px',
'opacity': '1'
});
$('.ag-content-customer-ele-detail-display-left').eq(disIndex).animate({ 'left': 120 }, { duration: 1000, easing: 'easeOutQuint' });
$('.ag-content-customer-ele-detail-display-right').eq(disIndex).animate({ 'right': 0 }, { duration: 1000, easing: 'easeOutQuint' });
}
});
$('body').on('click', '.vjs-big-play-button', function () {
$(this).hide();
ctrlBar = true;
$('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
});
$('.ag-content-app-wytgg-right').click(function () {
if (!$('#ag-app-video').hasClass('vjs-playing')) {
$('.vjs-big-play-button').css('display', 'none');
ctrlBar = true;
$('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
}
});
// IE7
if (window.navigator.userAgent.indexOf('MSIE 7.0') >= 0) {
$('#ag-app-video').css({
'width': '570px',
'height': '380px',
'position': 'relative'
});
$('#ag-app-video').find('div.vjs-poster').css({
'width': '570px',
'height': '380px',
'position': 'absolute',
'top': '0px'
});
$('.vjs-big-play-button').css({
'width': '100px',
'height': '100px',
'position': 'absolute',
'top': '140px',
'left': '235px'
});
$('.ag-content-app-wytgg-right').css('overflow', 'hidden');
} else {
$('.ag-content-app-wytgg-right').hover(
function () {
if (ctrlBar) {
$('.vjs-control-bar').removeClass('vjs-fade-out').addClass('vjs-fade-in');
}
},
function () {
$('.vjs-control-bar').removeClass('vjs-fade-in').addClass('vjs-fade-out');
}
);
}
});
</script>
</div>
</div>
<div class="swiper-slide" style="overflow: hidden;">
<div class="container" style="background-image: url('/static/images/intro-bg.jpg');background-size:cover;background-position:center;padding:0;">
<div class="sitemap">
<div class="sitemap-logo">
<img alt="" src="/static/images/logo-2.png">
</div>
<div class="sitemap-items">
<div class="sitemap-item">
<a class="sitemap-item-title" href="/about/history.html">关于本馆</a>
<a href="/about/history.html">历å²æ²¿é©</a>
<a href="/about/organization.html#organization">组织机构</a>
<a href="/about/news.html">一大动æ€</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/exhibition/basic.html">展览陈列</a>
<a href="/exhibition/basic.html">基本陈列</a>
<a href="/exhibition/special.html">专题展览</a>
<a href="https://360.zgyd1921.com" target="_blank">æ•°å—纪念馆</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/collection/highlights.html">馆è—文物</a>
<a href="/collection/highlights.html">馆è—ç²¾å“</a>
<a href="/collection/research.html">æ–‡ç‰©ç ”ç©¶</a>
<a href="/collection/notice.html">å¾é›†å…¬å‘Š</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/service/visit.html">公共æœåŠ¡</a>
<a href="/service/visit.html#notice">å‚观须知</a>
<a href="/service/guide.html#explain">讲解æœåŠ¡</a>
<a href="/service/volunteer.html">志愿者æœåŠ¡</a>
<a href="/service/creative.html">红色文创</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/education/social.html">å®£ä¼ æ•™è‚²</a>
<a href="/education/social.html">社会教育</a>
<a href="/education/teenager.html">é’少年教育</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/research/trends.html">ç ”ç©¶å›åœ°</a>
<a href="/research/trends.html">å¦æœ¯åŠ¨æ€</a>
<a href="/research/publication.html">出版刊物</a>
<a href="/research/works.html">ç ”ç©¶æˆæžœ</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/zhou/evolution.html">周公馆</a>
<a href="/zhou/evolution.html">历å²æ²¿é©</a>
<a href="/zhou/exhibitions.html">展览陈列</a>
<a href="/zhou/collections.html">è—å“介ç»</a>
<a href="/zhou/propaganda.html">教育活动</a>
<a href="/zhou/research.html">周æ©æ¥ç ”究</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/information/zgyd.html">一.二.四大</a>
<a href="/information/zgyd.html">最新讯æ¯</a>
<a href="/information/zged.html">走进二大</a>
<a href="/information/zgsd.html">走进四大</a>
</div>
<div class="sitemap-item">
<a class="sitemap-item-title" href="/favorites.html">我的收è—夹</a>
</div>
</div>
</div>
<style>
.js-qrcode img{
width: 60%;
position: absolute;
top: 10%;
left: 20%;
opacity: .9;
}
.js-qrcode .info{
text-align: center;
}
.footer {
color: #fff;
background-color: #10181d;
opacity: .96;
position: relative;
height: 100px;
display: flex;
justify-content: center;
}
.footer .footer-item{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
margin:0 0.2rem;
position: relative;
}
.footer .copy-right{
width: 100%;
text-align: center;
color: #666;
}
.footer .beian-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.footer a.beian{
display: inline-block;
text-decoration: none;
height: 20px;
line-height: 20px;
margin-right: 20px;
}
.footer a.beian img{
float: left;
}
.footer a.beian p{
float: left;
height: 20px;
line-height: 20px;
margin: 0px 0px 0px 5px;
color: #666;
}
.footer a.icp{
display: inline-block;
vertical-align: middle;
text-decoration: none;
color:#666;
}
.footer a.icp:hover {
color: #666;
}
.footer-item-weibo i{
opacity: 0.8;
font-size: 0.4rem;
cursor: pointer;
}
.footer-item-wx i{
opacity: 0.8;
font-size: 0.34rem;
cursor: pointer;
}
.footer-item-weibo img,.footer-item-wx img{
position: absolute;
bottom: 100%;
width: 1.2rem;
left: 50%;
margin-left: -0.6rem;
display: none;
}
.footer-item-weibo:hover img,.footer-item-wx:hover img{
display: block;
}
</style>
<div class="footer">
<div class="footer-item">
<div class="beian-wrap">
<a class="beian" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003202">
<img src="/static/images/beian.png" />
<p>沪公网安备 31010102003202å·</p>
</a>
<a class="icp" href="https://beian.miit.gov.cn" target="_blank">沪ICP备10006888å·-1</a>
</div>
<div class="copy-right">Copyright © 2021 ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçºªå¿µé¦† All rights reserved</div>
</div>
<div class="footer-item">
<a href="http://bszs.conac.cn/sitename?method=show&id=319B396CE8F63AF1E053022819AC80F4" target="_blank">
<img src="/static/images/shiyedanwei.png">
</a>
</div>
<div class="footer-item footer-item-weibo">
<a href="https://weibo.com/u/3682239664" target="_blank"><i class="fa fa-weibo"></i></a>
<img src="/static/images/blog-ewm.gif">
</div>
<div class="footer-item footer-item-wx">
<i class="fa fa-weixin"></i>
<img src="/static/images/wx-ewm.gif">
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.sidebar {
position: fixed;
right: 0;
bottom:0;
z-index: 999;
}
.sidebar a {
min-width: 0.6rem;
height: 0.6rem;
display: flex;
align-items:center;
justify-content:center;
margin-bottom: 1px;
/* overflow: hidden; */
}
.sidebar ul {
}
.sidebar li {
position: relative;
width: 0.6rem;
height: 0.6rem;
margin-bottom: 0.3rem;
}
/* .sidebar li:last-child{ */
/* margin-bottom: 0; */
/* } */
.sidebar li a {
position: absolute;
right: 0;
top: 0;
font-family: 'St';
font-size: 0.2rem;
color: #fff;
white-space: nowrap;
background-color: rgba(255,255,255,0.2);
box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}
.sidebar li a span {
display: none;
box-sizing: border-box;
}
.sidebar li a span:first-child {
text-align:center;
display: block;
}
.sidebar li a:hover {
background-color: #6d0808;
}
.sidebar li a:hover span {
display: block;
padding: 0 0.18rem;
animation: 0.5s show ease-in-out;
-webkit-animation: 0.5s show ease-in-out;
-moz-animation: 0.5s show ease-in-out;
}
.sidebar li a:hover span.np {
padding: 0;
}
.sidebar li a:hover span:first-child {
display: none;
}
.hover{
position: absolute;
top:0;
right: 100%;
width: 1.5rem;
height: 1.5rem;
}
.hover img{
width: 100%;
}
.js-reserve{
width:100vw;
height:100vh;
position:absolute;
top:0;
left:0;
display:none;
background-color: rgba(0,0,0,0.6);
z-index: 100;
align-items:center;
justify-content: center;
flex-direction: column;
color:#fff;
}
</style>
<script>
$(function(){
$('#reserve').click(function(){
$('.js-reserve').eq(0).css('display','flex');
});
$('.js-reserve').click(function(){
$(this).fadeOut();
});
});
</script>
<div class="sidebar only-pc">
<div class="">
<ul style="display: block;">
<li style="display: none;">
<a id="reserve" href="javascript:void(0)">
<span>预约</span>
<span>
å‚观预约
<div class="hover"><img src="/static/images/qrcode-reserve-thumb.jpg"></div>
</span>
</a>
</li>
<li>
<a href="/suggestion.html" target="_blank">
<span>建议</span>
<span>建议&æ„è§</span>
</a>
</li>
<li>
<a href="https://360.zgyd1921.com" target="_blank">
<span>全景</span>
<span>展厅全景</span>
</a>
</li>
<li>
<a href="/favorites.html">
<span>收è—</span>
<span>我的收è—夹</span>
</a>
</li>
<li>
<a href="https://www.wjx.cn/vm/YfYpPWH.aspx" target="_blank">
<span>é—®å·</span>
<span>é—®å·è°ƒæŸ¥</span>
</a>
</li>
</ul>
</div>
</div>
<div class="js-reserve">
<img style="width:3rem;" src="/static/images/qrcode-reserve.jpg">
<div style="margin-top: 0.3rem;font-size: 0.28rem;letter-spacing: 10px;">扫ç 预约</div>
</div>
<div class="move-port only-pc" style="display: none!important;">
<div class="move-port-header"><div>å¤æ—¥æ¸©é¦¨æ示</div><div class="move-port-close">×</div></div>
<div class="move-port-body">
<div>æˆ‘é¦†æ ¹æ®å±•å‡ºæ–‡ç‰©ä»¥çº¸è´¨æ–‡ç‰©ä¸ºä¸»çš„情况，制定了适宜本馆展出文物的ä¿æŠ¤çŽ¯å¢ƒçš„æ ‡å‡†ï¼ˆå…¨å¹´æ¸©åº¦ç¨³å®šåœ¨20℃到23℃之间）。建议您æºå¸¦è–„外套ã€æŠ«è‚©ç‰ç‰©å“，以确ä¿èº«ä½“舒适。</div>
</div>
</div>
<!-- 移动端 -->
<div class="only-sp">
<div class="swiper-slide js-intro" style="overflow: hidden;height: 30vh;margin-top: 4rem;">
<img class="page-bg" style="animation:unset;-webkit-animation:unset" alt="" src="/static/images/exhibit-bg-big.jpg">
</div>
<div class="row" style="padding:0;color:white;background-color: #8f343acf;">
<div style="display:flex;align-items:center;">
<div style="flex:.5;height: 10vh;line-height:1.1rem;display: flex;flex-direction: column;justify-content: center;background-color: #3333339c;">
<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">场馆开放时间</div>
<div style="text-align:center;font-weight:bold;font-size:1rem;">9:00-17:00</div>
<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">å…预约å‚观</div>
</div>
<div style="flex:.5;height: 10vh;line-height:1rem;display: flex;flex-direction: column;justify-content: center;background-color: #33333352;">
<div style="text-align:center;font-size:0.6rem;letter-spacing: 2px;"><font style="font-size:1rem;font-weight:bold;vertical-align: middle;">16:30</font>点åŽåœæ¢å…¥é¦†</div>
<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">周一é—馆</div>
<div style="text-align:center;font-size:0.6rem;letter-spacing: 3px;">法定节å‡æ—¥é™¤å¤–</div>
</div>
</div>
</div>
<div class="row" style="background-color: #ccc1b1;display: flex;">
<div style="flex:0.5;text-align: center;border-right: 1px solid #d9d1c7;padding:1rem 0;color:white;">
<a href="https://360.zgyd1921.com/" style="margin:0 auto;color:#8f343a;background-color: #b3a796;width: 25vw;height: 25vw;border-radius: .5rem;display: flex;flex-direction: column;justify-content: center;">
<i class="fa fa-street-view" style="font-size: 2.5rem;display: block;"></i>
<span style="margin-top:.5rem;">展厅全景</span>
</a>
<div style="color:#a08553;text-align: justify;width: 24vw;text-align-last: justify;margin: 0 auto;margin-top: .5rem;">è”系电è¯</div>
<div style="font-size: .85rem;text-align:center;margin: 0.2rem auto 0;letter-spacing: 0.5px;">021-53830723</div>
<div style="font-size: .85rem;text-align:center;margin: 0.2rem auto 0;letter-spacing: 0.5px;">021-53832171</div>
</div>
<div style="flex:0.5;display: flex;color:#fff;font-size: .9rem;">
<div style="flex:0.5;">
<a href="/service/visit.html#notice" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
<i class="icon-attach" style="font-size: 2rem;display: block;"></i>
<span style="margin-top:.4rem;">å‚观须知</span>
</a>
<a href="/service/guide.html#explain" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
<i class="icon-sound" style="font-size: 2rem;display: block;"></i>
<span style="margin-top:.4rem;">讲解æœåŠ¡</span>
</a>
</div style="flex:0.5;">
<div style="flex:0.5;">
<a href="/service/visit.html#routes" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
<i class="icon-location" style="font-size: 2rem;display: block;"></i>
<span style="margin-top:.4rem;">交通路线</span>
</a>
<a href="/suggestion.html" style="flex:0.5;height: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
<i class="icon-doc-text" style="font-size: 2rem;display: block;"></i>
<span style="margin-top:.4rem;">建议æ„è§</span>
</a>
</div>
</div>
</div>
<div class="row" style="padding: 1vh;background-color: #dfd8ce;">
<a href="/exhibition/basic.html" class="container" style="height:25vh;padding:0;display: flex;align-items: center;justify-content: center;background-image: url('/static/images/index-exhibition-bg-exhibit-1.jpg');background-size:cover;">
<h3 style="letter-spacing: 3px;font-weight: normal;color: #ffffff;font-size: 1.5rem;">基本陈列</h3>
</a>
<div style="display: flex;margin-top:.3vh;">
<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-2.jpg');background-size:cover;"></div>
<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-3.jpg');background-size:cover;"></div>
<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-4.jpg');background-size:cover;"></div>
<div style="flex:1;margin:.3vh;height:10vh;background-image: url('/static/images/index-exhibition-bg-exhibit-5.jpg');background-size:cover;"></div>
</div>
</div>
<div class="row" style="padding:0;color:white;background-color: #3333339c;background-image: url('/static/images/index-menu-bg.jpg');background-size:cover;background-position:left;padding:0;">
<div style="background-color: rgba(0,0,0,0.55);">
<div style="text-align: left;padding: 1.2rem 0 1rem 1.2rem;background-color: #3333335c;">
<h3 style="letter-spacing: 3px;font-weight: normal;">一大动æ€</h3>
</div>
<ul style="padding:2vh;">
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/72773acf34954a848f4cfe4e2a85fa37.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">一大志愿丨我们在“一大â€è®²è¿°ç™¾å¹´çƒè¡€æ•…事——“çƒçš„è¡€â€ä¸“题展志愿æœåŠ¡æ€»ç»“</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-06-20</div>
</a>
</li>
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/17fa45f848b54b8cbd86207b4f7af9f5.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">绿æ„翻涌æˆå¤</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-06-21</div>
</a>
</li>
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/5a77274b11814cf8bffba086717b5b8c.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">周公馆｜招募计划：“知周·讲周â€çº¢è‰²æ•…事çŸè§†é¢‘创作招募啦ï¼</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-04-21</div>
</a>
</li>
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/157ff8f6ebd04b91bb3dce70aa495be9.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">鲜花妆上海，花香èŸç”³åŸŽï¼2025上海国际花展开幕，龚æ£å‡ºå¸å¹¶å¯åŠ¨èŠ±å±•</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-04-19</div>
</a>
</li>
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/be94981045b64c2baa3c5eff42e01cd1.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">“一大文创â€äº®ç›¸å¤ªå¹³æ´‹æ–°å¤©åœ°â€œä¸œå°å¥½å¸‚·花è¯é›†â€</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-04-18</div>
</a>
</li>
<li>
<a style="display:flex;align-items: center;padding-bottom: .4rem;border-bottom: 1px dashed #cccccc35;margin-bottom: .8rem;" href="/about/news/d480db46c9e541afbfde0ad4b8f31999.html" target="_blank">
<div style="flex: 1;font-size: .9rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">周公馆 | â€‹æµ·æ£ å¯„æƒ…Â·ç™¾å¹´åŒå¿ƒ</div>
<div style="width: 25vw;font-size: .9rem;text-align: right;">2025-04-18</div>
</a>
</li>
<li style="text-align: right;"><a href="/about/news.html">查看更多>></a></li>
</ul>
</div>
</div>
<div style="background-color: #10181d;color:white;font-size: .9rem;text-align: center;padding:1rem 0;">
<div style="display: flex;justify-content: space-evenly;align-items: center;">
<div style="flex:1;text-align: center;">
<a href="http://bszs.conac.cn/sitename?method=show&id=319B396CE8F63AF1E053022819AC80F4" target="_blank">
<img src="/static/images/shiyedanwei.png" style="width:15vw;">
</a>
</div>
<div style="flex:1;text-align: center;">
<a href="#">
<img src="/static/images/blog-ewm.gif" style="width:15vw;">
</a>
</div>
<div style="flex:1;text-align: center;">
<a href="#" target="_blank">
<img src="/static/images/wx-ewm.gif" style="width:15vw;">
</a>
</div>
</div>
<div style="display: flex;justify-content: space-evenly;align-items: center;">
<div style="flex:1;text-align: center;">ç½‘ç«™æ ‡è¯†</div>
<div style="flex:1;text-align: center;">一大微åš</div>
<div style="flex:1;text-align: center;">一大公众å·</div>
</div>
<a style="margin-top:1.5rem;display: block;" href="https://beian.miit.gov.cn" target="_blank">沪ICP备10006888å·-1</a>
<a style="margin-top:.5rem;display: block;" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003202">
<p>沪公网安备 31010102003202å·</p>
</a>
<div style="margin-top:.5rem;">© 2021 ä¸å›½å…±äº§å…šç¬¬ä¸€æ¬¡å…¨å›½ä»£è¡¨å¤§ä¼šçºªå¿µé¦† </div>
<div style="margin-top:.5rem;">All rights reserved</div>
</div>
<div>
</body>
</html>